<template>
  <div>
    <h1 style="text-align: center; font-size: 60px; color: gray">案情分析</h1>
    <div style="text-align: center">
      <el-input
        placeholder="请输入内容"
        size="medium"
        v-model="input4"
        style="width: 50%; height: 20%"
      >
        <i slot="prefix" class="el-input__icon el-icon-search"></i>
      </el-input>
    </div>
    <div style="margin-top:20px;">
      <el-card class="box-card">
        <div v-for="o in DocumentData" :key="o" class="text item" style="margin-top:20px">
          
            <el-link type="primary">

                      <router-link :to="{ path: '/analyse', query: { analyseId: o.id } }">
         {{o.name}}
         </router-link>
               
                </el-link>
        </div>
        <div class="block">

  <el-pagination
    layout="prev, pager, next"
    :total="1000">
  </el-pagination>
</div>
      </el-card>
    </div>
  </div>
</template>

<style>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  margin-left: 10%;
  width: 80%;
  text-align: center;
}
</style>

<script>
import { findAll } from "@/api/getJudicial_document_data.js";
export default {
  data() {
    return {
      input4: "",
      DocumentData:[],
    };
  },

  methods:{

     async findAll()
    {
        const result = await findAll().then()
        {
           this.DocumentData = result.data.data

        }

        
        

    }


  },
  created(){
      this.findAll();
  }


};
</script>